<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>车速递租车首页</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="layui/css/layui.css"  media="all">
    <link rel="stylesheet" href="css/pagehome.index.css">
    <script type="application/javascript" src="js/jquery-3.3.1.js"></script>
    <script type="application/javascript" src="js/bootstrap.min.js"></script>
    <script type="application/javascript" src="layui/layui.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>


</head>
<body>
<div id="app">
    <div data-v-67ef3a4a class="csdheader">
        <div data-v-67ef3a4a class="layout clear">
            <div data-v-67ef3a4a class="left csdnav">
                <label data-v-67ef3a4a>
                    <a data-v-67ef3a4a href="#">你好，</a>
                    <span id="username"></span>
                    <a data-v-67ef3a4a href="index.html" class="colorRed" style="margin-right: 10px;">[退出]</a>
                </label>


                <a data-v-67ef3a4a="" href="#mobileZuChe">手机租车</a>
                <a data-v-67ef3a4a="" href="helpCenter.html">帮助中心</a>
            </div>
            <div data-v-67ef3a`4a="" class="right phone">
                <div data-v-67ef3a4a="" class="typeTab">
                    <a data-v-67ef3a4a="" href="index.html" style="color: rgb(199, 0, 11);">中文</a>&nbsp;/&nbsp;
                    <a data-v-67ef3a4a="" href="index.html">English</a>
                </div>
                <div data-v-67ef3a4a="" class="menu">
                    <a data-v-67ef3a4a="" href="mymain/mymain.html">我的车速递</a>
                </div>
                <div data-v-67ef3a4a="">
                    <i class="layui-icon layui-icon-cellphone" style="font-size:14px;  color:#c6000f;"></i>
                    <span data-v-67ef3a4a="">400-919-8000</span>
                </div>
            </div>

        </div>
    </div>

    <div data-v-39f7f629 class="csdnav">
        <div data-v-39f7f629="" class="layout clear">
            <div data-v-39f7f629="" class="left logo">
                <a data-v-39f7f629="" href="index.html">
                    <img data-v-39f7f629="" src="">
                </a>
            </div>
            <div data-v-39f7f629="" class="left navCom">
                <ul data-v-39f7f629="">
                    <li data-v-39f7f629="" >

                        <a data-v-39f7f629="" href="https://www.chesudi.com/module/activity.html" target="_self" >优惠活动</a>
                    </li>

                    <li data-v-39f7f629="">
                        <a data-v-39f7f629="" href="https://www.chesudi.com/module/joinWork.html" target="_blank" class="">加盟合作</a>
                    </li>
                    <li data-v-39f7f629="">
                        <a data-v-39f7f629="" href="https://www.chesudi.com/module/netCar.html" target="_blank" class="">网约车</a>
                    </li>
                    <li data-v-39f7f629="">
                        <a data-v-39f7f629="" href="https://www.chesudi.com/module/longRent.html" target="_blank" class="">企业长租</a>
                    </li>
                    <li data-v-39f7f629="">
                        <a data-v-39f7f629="" href="shortRent/shortrent.html" target="_self" class="">短租自驾</a>
                    </li>
                    <li data-v-39f7f629="">
                        <a data-v-39f7f629="" href="index.html" target="_self" class="colorRed">
                            <span data-v-39f7f629="">首页</span></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="el_carousel">
            <div class="layui-carousel" id="test1">
                <div carousel-item>
                    <div class="el-carousel__item">
                        <a target="_blank" href="https://www.chesudi.com/activity/dynamic/newUserActivity/index.html" class="banner" style="background: url(&quot;https://web-api.chesudi.com/img/ActivityBanner/b8e51e417ef329a28d1f23dcdbf7ee1.jpg&quot;) center center no-repeat;"><img src="https://web-api.chesudi.com/img/ActivityBanner/b8e51e417ef329a28d1f23dcdbf7ee1.jpg" class="imgs"></a>
                    </div>
                    <div class="el-carousel__item">
                        <a target="_blank" href="https://www.chesudi.com/activity/static/index.html?id=summer&amp;num=2" class="banner" style="background: url(&quot;https://web-api.chesudi.com/img/ActivityBanner/1456f1ebc5f95ffec6e82c268d969a.jpg&quot;) center center no-repeat;"><img src="https://web-api.chesudi.com/img/ActivityBanner/1456f1ebc5f95ffec6e82c268d969a.jpg" class="imgs"></a>
                    </div>
                    <div class="el-carousel__item">
                        <a target="_blank" href="https://www.chesudi.com/activity/static/index.html?id=szSpring&amp;num=3" class="banner" style="background: url(&quot;https://web-api.chesudi.com/img/ActivityBanner/a6c238788168d2b19be377652a64b2.jpg&quot;) center center no-repeat;"><img src="https://web-api.chesudi.com/img/ActivityBanner/a6c238788168d2b19be377652a64b2.jpg" class="imgs"></a>
                    </div>
                    <div class="el-carousel__item">
                        <a target="_blank" href="https://www.chesudi.com/activity/static/index.html?id=cityFolo&amp;num=3" class="banner" style="background: url(&quot;https://web-api.chesudi.com/img/ActivityBanner/85f2b3ee429949f8166a50453baf3821.jpg&quot;) center center no-repeat;"><img src="https://web-api.chesudi.com/img/ActivityBanner/85f2b3ee429949f8166a50453baf3821.jpg" class="imgs"></a>
                    </div>
                    <div class="el-carousel__item">
                        <a target="_blank" href="https://www.chesudi.com/activity/static/index.html?id=rechargeShare&amp;num=4 " class="banner" style="background: url(&quot;https://web-api.chesudi.com/img/ActivityBanner/41e0dcc07c0cc4613493eeaaa4f3818.jpg&quot;) center center no-repeat;"><img src="https://web-api.chesudi.com/img/ActivityBanner/41e0dcc07c0cc4613493eeaaa4f3818.jpg" class="imgs"></a>
                    </div>
                </div>
            </div>
        </div>

        <div class="layout">
            <form class="layui-form" action="">
                <div class="selectCar">
                    <h1 class="carTit">短租自驾</h1>
                    <div class="getCar car">
                        <h3>取车</h3>
                    </div>
                    <div class="carCom clear">
                        <div class="layui-form-item">
                            <div class="layui-input-inline" style="width: 145px">
                                <select name="quiz1">
                                    <option value="">省市</option>
                                    <option value="上海">上海</option>
                                    <option value="广州">广州</option>
                                    <option value="深圳">深圳</option>
                                    <option value="杭州">杭州</option>
                                    <option value="成都">成都</option>
                                    <option value="武汉">武汉</option>
                                    <option value="南京">南京</option>
                                </select>
                            </div>
                            <div class="layui-input-inline" style="width: 145px">
                                <select name="quiz2">
                                    <option value="">门店</option>
                                    <option value="虹桥火车站接送点">虹桥火车站接送点</option>
                                    <option value="虹桥机场服务点">虹桥机场服务点</option>
                                    <option value="虹桥机场T2航站楼店">虹桥机场T2航站楼店</option>
                                    <option value="虹口足球场地铁站店">虹口足球场地铁站店</option>
                                </select>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="width: 90px">送门上车</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" name="close" lay-skin="switch" lay-text="ON|OFF">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="getCar car">
                        <h3>还车</h3>
                    </div>
                    <div class="carCom clear">
                        <div class="layui-form-item">
                            <div class="layui-input-inline" style="width: 145px">
                                <select name="quiz1">
                                    <option value="">省市</option>
                                    <option value="上海">上海</option>
                                    <option value="广州">广州</option>
                                    <option value="深圳">深圳</option>
                                    <option value="杭州">杭州</option>
                                    <option value="成都">成都</option>
                                    <option value="武汉">武汉</option>
                                    <option value="南京">南京</option>
                                </select>
                            </div>
                            <div class="layui-input-inline" style="width: 145px">
                                <select name="quiz2">
                                    <option value="">门店</option>
                                    <option value="虹桥火车站接送点">虹桥火车站接送点</option>
                                    <option value="虹桥机场服务点">虹桥机场服务点</option>
                                    <option value="虹桥机场T2航站楼店">虹桥机场T2航站楼店</option>
                                    <option value="虹口足球场地铁站店">虹口足球场地铁站店</option>
                                </select>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="width: 90px">上门取车</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" name="close" lay-skin="switch" lay-text="ON|OFF">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="goBtn">去选车</div>
                </div>
            </form>
        </div>
    </div>

    <div class="services">
        <div class="layout">
            <div class="title clear">
                <div class="titleBorder titleBorder1 left"></div>
                <div class="tit left">专业服务</div>
                <div class="titleBorder titleBorder2 left"></div>
            </div>
            <div class="serviceCon clear">
                <dl>
                    <dt>
                        <img src="https://www.chesudi.com/static/img/services1.9277539.png" class="imgss">
                    </dt>
                    <dd class="bgRed">
                        <h1>短租自驾</h1>
                        <ul>
                            <li>● &nbsp;全国连锁、数百余种车型满足您出行的需求</li>
                            <li>● &nbsp;手续便捷，安全有保障</li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <img src="https://www.chesudi.com/static/img/services2.9d93747.png" class="imgss">
                    </dt>
                    <dd class="bgBlack">
                        <h1>企业长租</h1>
                        <ul>
                            <li>● &nbsp;专属制定企业用车方案</li>
                            <li>● &nbsp;省去车辆维修管理的繁琐业务，"0"负担用车</li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <img src="https://www.chesudi.com/static/img/services3.9567579.png" class="imgss">
                    </dt>
                    <dd class="bgRed">
                        <h1>网约车</h1>
                        <ul>
                            <li>● &nbsp;合法运营，收入稳定</li>
                            <li>● &nbsp;车源丰富，多种金融方案支持</li>
                        </ul>
                    </dd>
                </dl>
                <dl class="last">
                    <dt>
                        <img src="https://www.chesudi.com/static/img/services4.0a1ca99.png" class="imgss">
                    </dt>
                    <dd class="bgBlack">
                        <h1>我要买车</h1>
                        <ul>
                            <li>● &nbsp;全新车、准新车一站式销售平台</li>
                            <li>● &nbsp;多品牌渠道特供，支持闪电购车</li>
                        </ul>
                    </dd>
                </dl>
            </div>
        </div>
    </div>

    <div class="recomend">
        <div class="layout">
            <div class="title clear">
                <div class="titleBorder titleBorder1 left"></div>
                <div class="tit left">推荐车型</div>
                <div class="titleBorder titleBorder2 left"></div>
            </div>

            <div class="recomendCon clear">
                <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                    <ul class="layui-tab-title" style="font-size: 20px;">
                        <li class="layui-this" style="font-size: 20px; color: #000;">短租自驾</li>
                        <li style="font-size: 20px; color: #000;">企业长租</li>
                    </ul>
                    <div class="layui-tab-content" style="width:1200px; height:524px;">
                        <div class="layui-tab-item layui-show">
                            <div class="item carItemBig">
                                <img src="https://www.chesudi.com/static/img/ricanxuanyiDZ.5a39d59.png" onMouseOver="this.src='../images/richan.png'" onmouseout="this.src='https://www.chesudi.com/static/img/ricanxuanyiDZ.5a39d59.png'">
                            </div>
                            <div class="item carItemSmall">
                                <img src="https://www.chesudi.com/static/img/bentianDZ.16f9310.png"  onMouseOver="this.src='../images/bentian.png'" onmouseout="this.src='https://www.chesudi.com/static/img/bentianDZ.16f9310.png'">

                            </div>
                            <div class="item carItemSmall">
                                <img src="https://www.chesudi.com/static/img/biekeDZ-L8.573ed0f.png"  onMouseOver="this.src='../images/sma.png'" onmouseout="this.src='https://www.chesudi.com/static/img/biekeDZ-L8.573ed0f.png'">

                            </div>
                            <div class="item carItemSmall">
                                <img src="https://www.chesudi.com/static/img/smartDZ.d4ceb60.png"  onMouseOver="this.src='../images/bieke.png'" onmouseout="this.src='https://www.chesudi.com/static/img/smartDZ.d4ceb60.png'">

                            </div>
                            <div class="item carItemSmall">
                                <img src="https://www.chesudi.com/static/img/biekekaiyueDZ.b38a546.png"  onMouseOver="this.src='../images/kaiyue.png'" onmouseout="this.src='https://www.chesudi.com/static/img/biekekaiyueDZ.b38a546.png'">
                            </div>

                        </div>
                        <div class="layui-tab-item">
                            <div class="item carItemBig">
                                <img src="https://www.chesudi.com/static/img/teshilaCZ.2d7ec0b.png">
                                <div class="carTit">特斯拉</div>
                            </div>
                            <div class="item carItemSmall">
                                <img src="https://www.chesudi.com/static/img/lingteCZ.31f0bf6.png">
                                <div class="carTit">奔驰凌特</div>
                            </div>
                            <div class="item carItemSmall">
                                <img src="https://www.chesudi.com/static/img/beikeGL8shouxiCZ.552c1eb.png">
                                <div class="carTit">别克GL8</div>
                            </div>
                            <div class="item carItemSmall">
                                <img src="https://www.chesudi.com/static/img/A6CZ.1420b27.png">
                                <div class="carTit">奥迪A6</div>
                            </div>
                            <div class="item carItemSmall">
                                <img src="https://www.chesudi.com/static/img/pashateCZ.ed0be37.png">
                                <div class="carTit">大众帕萨特</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="newFlash">
        <div class="layout">
            <div class="title clear">
                <div class="titleBorder titleBorder1 left"></div>
                <div class="tit left">速递快讯</div>
                <div class="titleBorder titleBorder2 left"></div>
            </div>
            <div class="newFlashCon clear">
                <div class="flashItem left">
                    <div class="newImg">
                        <img src="https://www.chesudi.com/static/img/newFlash1.fc678e0.png">
                    </div> <div class="newContent">
                    <div>巴州汽车客运总站送车点、康城建国国际酒店服务点...</div>
                    <a href="news.html?newsId=2550">查看更多</a>
                    <span class="iconfont icon-sanjiaoxing"></span>
                </div>
                    <div class="newPlace">新疆新增门店</div>
                </div><div class="flashItem left">
                <div class="newImg">
                    <img src="https://www.chesudi.com/static/img/newFlash2.ec88fdf.png">
                </div>
                <div class="newContent">
                    <div>新汇嘉时代广场送车点、梨城花园酒店送车点...</div>
                    <a href="news.html?newsId=2549">查看更多</a>
                    <span class="iconfont icon-sanjiaoxing"></span>
                </div>
                <div class="newPlace">新疆新增服务点</div>
            </div>
                <div class="flashItem left">
                    <div class="newImg">
                        <img src="https://www.chesudi.com/static/img/newFlash3.0b6791f.png">
                    </div>
                    <div class="newContent">
                        <div>普宁机场服务点、承德高铁南站服务点...</div>
                        <a href="news.html?newsId=2548">查看更多</a>
                        <span class="iconfont icon-sanjiaoxing"></span>
                    </div>
                    <div class="newPlace">承德新增服务点</div>
                </div>
            </div>
            <div class="flashMore">
                <a href="news.html">更多&nbsp;<span class="iconfont icon-jiantou"></span></a>
            </div>
        </div>
    </div>
    <div data-v-01e628ca="" class="csdfooter">
        <div data-v-01e628ca="" class="foot1">
            <div data-v-01e628ca="" class="layout clear">
                <div data-v-01e628ca="" class="left footLogo">
                    <img data-v-01e628ca="" src="">
                </div>
                <div data-v-01e628ca="" class="left footNav">
                    <ul data-v-01e628ca="" class="left">
                        <li data-v-01e628ca="">
                            <a data-v-01e628ca="" href="helpCenter.html?nav=0&amp;item=0">预定指南</a>
                        </li>
                        <li data-v-01e628ca="">
                            <a data-v-01e628ca="" href="helpCenter.html?nav=0&amp;item=0">模拟租车</a>
                        </li>
                        <li data-v-01e628ca="">
                            <a data-v-01e628ca="" href="helpCenter.html?nav=1&amp;item=6">订单变更</a>
                        </li>
                    </ul>
                    <ul data-v-01e628ca="" class="left">
                        <li data-v-01e628ca="">
                            <a data-v-01e628ca="" href="helpCenter.html?nav=0&amp;item=2">费用说明</a>
                        </li>
                        <li data-v-01e628ca="">
                            <a data-v-01e628ca="" href="helpCenter.html?nav=2&amp;item=8">违章处理</a>
                        </li>
                        <li data-v-01e628ca="">
                            <a data-v-01e628ca="" href="helpCenter.html?nav=2&amp;item=9">车损处理</a>
                        </li>
                    </ul>
                    <ul data-v-01e628ca="" class="left">
                        <li data-v-01e628ca="">
                            <a data-v-01e628ca="" href="helpCenter.html?nav=0&amp;item=3">取车流程</a>
                        </li>
                        <li data-v-01e628ca="">
                            <a data-v-01e628ca="" href="helpCenter.html?nav=0&amp;item=4">还车流程</a>
                        </li>
                        <li data-v-01e628ca="">
                            <a data-v-01e628ca="" href="helpCenter.html?nav=1&amp;item=7">续租/提前还车</a>
                        </li>
                    </ul>
                    <ul data-v-01e628ca="" class="left">
                        <li data-v-01e628ca="">
                            <a data-v-01e628ca="" href="about.html">关于我们</a>
                        </li>
                        <li data-v-01e628ca="">
                            <a data-v-01e628ca="" href="about.html">联系我们</a>
                        </li> <li data-v-01e628ca="">
                        <a data-v-01e628ca="" target="_blank" href="http://search.51job.com/list/co,c,2264765,0000,10,1.html">诚聘英才</a>
                    </li></ul></div> <div data-v-01e628ca="" id="mobileZuChe" class="left footCode">
                <div data-v-01e628ca="" class="left codeItem">
                    <div data-v-01e628ca="">
                        <img data-v-01e628ca="" src="https://www.chesudi.com/static/img/QRcode-Wechat.76b8a01.jpg">
                    </div>
                    <p data-v-01e628ca="">关注微信</p>
                </div>
                <div data-v-01e628ca="" class="left codeItem">
                    <div data-v-01e628ca="">
                        <img data-v-01e628ca="" src="https://www.chesudi.com/static/img/QRcode-Wap.cbba40b.jpg">
                    </div>
                    <p data-v-01e628ca="">手机版预定</p>
                </div>
                <div data-v-01e628ca="" class="left codeItem">
                    <div data-v-01e628ca="">
                        <img data-v-01e628ca="" src="https://www.chesudi.com/static/img/QRcode-app.11111eb.jpg">
                    </div>
                    <p data-v-01e628ca="">APP下载</p>
                </div>
            </div>
            </div>
        </div>
        <div data-v-01e628ca="" class="foot2">
            <div data-v-01e628ca="" class="layout">
                <div data-v-01e628ca="" class="item">上海车速递汽车租赁有限公司（总公司）杭州/深圳/广州/成都/武汉/苏州/佛山（分公司）</div>
                <div data-v-01e628ca="" class="item">©2009-2018 Chesudi.com 上海车速递汽车租赁有限公司 All Rights Reserved. 沪ICP备09082566号  </div>
                <div data-v-01e628ca="" class="item">
                    <a data-v-01e628ca="" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010502003185" target="_blank">
                        <img data-v-01e628ca="" src="../static/img/gongan.d0289dc.png">沪公网安备 31010502003185号</a>
                </div>
            </div>
        </div>
    </div>






</div>



<script>
    layui.use(['carousel','form', 'layedit','element'], function(){

        var $ = layui.jquery
            ,element = layui.element;

        var active = {
            tabAdd: function(){
                //新增一个Tab项
                element.tabAdd('demo', {
                    title: '新选项'+ (Math.random()*1000|0) //用于演示
                    ,content: '内容'+ (Math.random()*1000|0)
                    ,id: new Date().getTime() //实际使用一般是规定好的id，这里以时间戳模拟下
                })
            }
            ,tabChange: function(){
                //切换到指定Tab项
                element.tabChange('demo', '22'); //切换到：用户管理
            }
        };

        element.on('tab(test)', function(elem){
            location.hash = 'test='+ $(this).attr('lay-id');
        });
        $(function () {
            $.ajax({
                type:"get",
                url:"/carRent/login/query.do",
                dataType:"json",
                success:function(data){
                    if(data.code==1){
                        $("#username").html(data.info.tel)
                    }else{
                        alert("未登录")
                        window.location.href="login.html"
                    }
                }
            })
        })

        var form = layui.form
            ,layer = layui.layer
            ,layedit = layui.layedit
            ,laydate = layui.laydate;

        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1'
            ,width: '100%' //设置容器宽度
            ,height: '620px'
            ,arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
            ,autoplay: true
            ,interval: 2000
        });
        form.on('switch(switchTest)', function(data){
            layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
                offset: '6px'
            });
            layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
        });


    });



</script>


</body>
</html>>
